<!DOCTYPE HTML>
<html>
<head>
    <title>统计列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/page-min.css" rel="stylesheet" type="text/css" />
    <link href="../css/enhenced.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .bui-grid-table .bui-grid-cell-text {
            white-space: nowrap;
        }

        h1 {
            text-align: center;
            padding-top: 5px;
        }

        select {
            text-align: center;
        }

        .span-cust {
            width: 150px !important;
        }

        .span-full {
            width: 99% !important;
        }

        .div-mar-left {
            margin-left: 12%;
        }
        .panel-title :hover{
            cursor:pointer;
        }
        .bui-select-list{
            overflow: auto;
            overflow-x: hidden;
            max-height: 200px;
            _height : 150px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <form id="searchForm" class="form-panel form-horizontal span-full">
            <h1>用户列表</h1>
            <div class="panel-content">
                <div id="fold-div">
                    <div class="row div-mar-left">
                        <div class="control-group span8">
                            <label class="control-label">用户名</label>
                            <div class="controls">
                                <input type="text" class="control-text" name="userName" id="userName">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label">昵称</label>
                            <div class="controls">
                                <input type="text" class="control-text" name="nickName" id="nickName">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label">联系电话</label>
                            <div class="controls">
                                <input type="text" class="control-text" name="userPhone" id="userPhone">
                            </div>
                        </div>
                        <div class="control-group span8">
                            <label class="control-label">用户状态</label>
                            <div class="controls">
                                <select name="userStatus" class="span-cust">
                                    <option value="">——请选择——</option>
                                    <option value="0">作废</option>
                                    <option value="1">有效</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" align="center">
                    <button type="reset" class="button">清空</button>
                    <button type="button" id="btnSearch" class="button button-primary">查询</button>
                </div>
            </div>
            <div class="search-grid-container">
                <div id="grid"></div>
            </div>
        </form>
    </div>
</div>
<div id="content" class="hide">
    <form id="J_Form" class="form-horizontal">
        <div class="row">
            <div class="control-group span8">
                <label class="control-label"><s>*</s>用户名：</label>
                <div class="controls">
                    <input type="hidden" id="userId" value="" name="userId">
                    <input name="userName" type="text" data-rules="{required:true}" class="input-normal control-text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label"><s>*</s>密码：</label>
                <div class="controls">
                    <input name="userPwd" type="password" data-rules="{required:true}" class="input-normal control-text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label"><s>*</s>昵称：</label>
                <div class="controls">
                    <input name="nickName" type="text" data-rules="{required:true}" class="input-normal control-text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label">联系电话：</label>
                <div class="controls">
                    <input name="userPhone" type="text" data-rules="{required:false}" class="input-normal control-text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label"><s>*</s>用户状态：</label>
                <div class="controls">
                    <select  data-rules="{required:true}"  name="userStatus" class="input-normal">
                        <option value="">——请选择——</option>
                        <option value="0">作废</option>
                        <option value="1">有效</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span15">
                <label class="control-label"><s>*</s>角色：</label>
                <div id="roleNames" class="controls control-row4">
                    <input type="hidden" id="roleIds" value="" name="roleIds">
                </div>
            </div>
        </div>
    </form>
</div>
</body>
<script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="../assets/js/bui-min.js"></script>
<script type="text/javascript" src="../assets/js/config-min.js"></script>
<script type="text/javascript" src="../assets/js/graphic-min.js"></script>
<script type="text/javascript" src="../assets/js/config.js"></script>
<script type="text/javascript" src="../js/user/userList.js"></script>
</html>